body {
    margin: 0;
    font-family: Arial, sans-serif;
    background-color: #000;
    color: white;
    overflow: hidden;
    cursor: url('pngwing.com\ \(21\).png'), auto;
    display: flex; /* Flexbox 활성화 */
    justify-content: center; /* 가로 중앙 정렬 */
    align-content: center;
    animation: screenBlink 0.3s 2; /* 1초 동안 3번 깜빡이게 설정 */
  }
  
  /* 전체 화면 깜빡이는 애니메이션 */
  @keyframes screenBlink {
    0%, 100% {
      opacity: 1; /* 화면이 처음과 마지막에 완전히 보임 */
      background-color: #000;
    }
    33% {
      opacity: 0; /* 화면이 1/3 지점에서 사라짐 */
      background-color: #fff; /* 흰색으로 변경 */
    }
    66% {
      opacity: 0; /* 화면이 2/3 지점에서도 여전히 사라짐 */
      background-color: #fff; /* 흰색 유지 */
    }
  }
  
  .logo {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
  }
  
  .container {
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: relative;
  }
  
  .object {
    position: absolute;
    opacity: 0; /* 처음에는 안 보이도록 설정 */
    width: 10vw; /* 창 너비의 10% 크기 */
    height: auto; /* 비율 유지 */
    z-index: 1; /* 사물은 기본적으로 아래 */
    animation: fadeIn 3s forwards; /* fadeIn 애니메이션 */
    animation-delay: 0.2s;
  }
  
  h2 {
    position: absolute;
    bottom: 45%;
    text-align: center;
    opacity: 0; /* 처음에는 보이지 않도록 설정 */
    animation-delay: 1s;
    animation-fill-mode: forwards; /* 애니메이션 후 마지막 상태 유지 */
    opacity: 0.9; /* 애니메이션 후 텍스트는 0.9 투명도 유지 */
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    font-family: 'SUIT-Regular';
    letter-spacing: 1px;
    animation: fadeIn 3s forwards, blink 1s ease-in-out infinite 2s;
    z-index: 100; /* 텍스트를 다른 이미지들보다 위에 배치 */
  }
  

/* 깜박이는 애니메이션 */
@keyframes blink {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.9;
  }
}




  /* fadeIn 애니메이션 정의 */
  @keyframes fadeIn {
    0% {
      opacity: 0; /* 처음에는 보이지 않음 */
    }
    100% {
      opacity: 1; /* 마지막에는 완전히 보이게 됨 */
    }
  }